<style>
label{
	display:block;
	float:left;
	padding-top:8px;
	text-align:right;
}
input[type=text]{
	width:55px;
}
table tr.head td{
	background:Highlight;
	color:HighlightText;
	font-weight:bolder;
	text-align:center;
}
table tr td{
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	padding:3px 5px;
	text-align:center;
}
table tr:hover{
	background:#fff;
}
table tr td:first-child{
	border-left:1px solid #aaa;
}
ul#status_report{
	list-style-type:none;
	margin:0px 0px -30px 0px;
	padding:0px;
	position:relative;
	float:left;
}
ul#status_report li{
	width:30px;
	height:35px;
	margin:0px;
	padding:2px 2px 2px 2px;
	text-align:center;
	display:block;
	float:left;
	cursor:default;
	font-weight:bolder;
}
ul#status_report li#izdato:hover,
ul#status_report li#uslo:hover,
ul#status_report li#user:hover,
ul#status_report li#razd:hover{
	background-color:Highlight;
	color:HighlightText;
}
ul#status_report li#izdato{background: url(gui/icons/ugovor_izd.gif) no-repeat center 20px}
ul#status_report li#uslo{background: url(gui/icons/ugovor_ul.gif) no-repeat center 20px}
ul#status_report li#razd{background: url(gui/icons/ugovor_razd.gif) no-repeat center 20px}
ul#status_report li#user a{
	background: url(gui/icons/user.gif) no-repeat center 20px;
	display:block;
	height:100%;
	text-decoration:none;
	color:#000;
}
ul#status_report li#user a:hover{
	background:Highlight url(gui/icons/user.gif) no-repeat center 20px;
	color:HighlightText;
}
table#report_datails{width:100%;}
ul.artikli{
	margin:0px 0px 0px 10px;
	padding:0px;
	cursor:default;
}
ul.artikli li{
	margin:0px;
	padding:2px;
	font-size:10px;
}
ul.artikli li:hover{
	background:#ccc;
}
table#report_details{
	width:100%;
}
</style>
{{$search_compact}}<br clear="all" />
<div class="area" style="padding:2px; width:{{$area_width}}px;">
<ul id="status_report" style="margin-left:{{$area_width}}">
	<li title="Izdati ugovori" id="izdato">{{$izdato}}</li>
	<li title="Ušli ugovori" id="uslo">{{$uslo}}</li>
	<li title="Razduženi ugovori" id="razd">{{$razduzeno}}</li>
	<li title="Ugovori koji su ostali kod komercijaliste" id="user">
		<a href="javascript:void(0)" onclick="ypalert({{$ugovori_diff}})">{{$kodkomercijaliste}}</a>
	</li>
</ul>
<h2 style="margin-top:10px; text-align:center"><span style="font-size:0.8em; color:#8f8e6b">Izveštaj izdatih/ušlih ugovora</span><br />{{$radnik_first}}&nbsp;{{$radnik_last}}</h2>
<div style="float:left; margin-left:10px;">
	<form method="post" action="javascript:void(0)" onsubmit="reportRadnik(this)">
		<label>Prikaži:</label>
		<select name="report_tip">
			<option value="0" {{$selected_izd}}>Izdate</option>
			<option value="1" {{$selected_ul}}>Ušle</option>
		</select>
		<label>ugovore OD:</label><input name="report_radnik_od" id="report_radnik_od" onclick="displayDatePicker('report_radnik_od',this)" type="text" value="{{$od}}" />
		<label>DO:</label><input type="text" name="report_radnik_do" id="report_radnik_do" onclick="displayDatePicker('report_radnik_do',this)" value="{{$do}}" />
		<input type="submit" value="filter" />
		<input type="hidden" name="radnik_id" value="{{$radnik_id}}" />
		<input type="hidden" name="rime" value="{{$radnik_first}}" />
		<input type="hidden" name="rprez" value="{{$radnik_last}}" />
	</form>
</div><br clear="all" />

<div id="pregled_report_radnik">{{$report1}}</div>
</div>
<script>
if(sr = document.getElementById("status_report")){
	sr.style.marginLeft = ({{$area_width}}-sr.offsetWidth)+"px";
}
</script>